<template>
  <div>
      <h1 align="center">消息通知</h1>
      <van-row>
        

        <van-col>
              标题：<input type="text">&emsp;&emsp;  <van-button><van-icon name="search" /> 
              查询 </van-button> &emsp;&emsp;
              <van-button  @click="tianjia" style="width: 100px;background-color: aqua;border: 1px"><van-icon name="replay" /> 重置 </van-button>     <br><br>

             <el-button type="text" @click="dialogVisible = true">+ 增加</el-button> &emsp;
              <van-button><van-icon name="delete-o" /> 删除 </van-button> &emsp;
              <van-button><van-icon name="down" /> 导出 </van-button> &emsp;
              <van-button> <van-icon name="arrow-left" />导入 </van-button> &emsp;

        </van-col>
        <van-row>

           <van-col>


                    <div>

                      <el-form>
                        <el-form-item label="标题" style="padding-left: 30px">
                          <el-input placeholder="请输入标题" v-model="form.title" style="width: 400px;"/>
                        </el-form-item>

                        <el-form-item label="开始时间">
                          <el-date-picker v-model="form.stime" type="date" placeholder="请选择开始时间"  style="width: 400px;"  value-format="YYYY-MM-DD">
                          </el-date-picker>

                        </el-form-item>


                        <el-form-item label="优先级" style="padding-left: 15px">
                          <el-select v-model="form.priority" placeholder="请选择优先级"  style="width: 400px;">
                            <el-option label="低" value="1"></el-option>
                            <el-option label="中" value="2"></el-option>
                            <el-option label="高" value="3"></el-option>
                          </el-select>
                        </el-form-item>


                        <!--  v-if="form.designate==1" -->
                        <el-form-item label="指定用户">  
                          <el-input placeholder="请选择用户" v-model="form.userlist" style="width: 400px;" @click="userlists"/>
                        </el-form-item>
                        <el-form-item>
                          <!--  v-else -->

                        </el-form-item>

                      </el-form>

                    </div>
                  </van-col>

                  <van-col>
                    <div style="padding-left: 100px">
                      <el-form>
                        <el-form-item label="消息类型">
                          <el-select v-model="form.type" placeholder="请选择消息类型" style="width: 400px">
                            <el-option label="通知公告" value="1"></el-option>
                            <el-option label="系统消息" value="2"></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="结束时间">
                          <el-date-picker v-model="form.etime" type="date" placeholder="请选择结束时间" style="width: 400px" value-format="YYYY-MM-DD">
                          </el-date-picker>

                        </el-form-item>


                        <el-form-item label="通告类型">
                          <!-- <el-select v-model="form.designate" placeholder="请选择通告类型" style="width: 400px">
                            <el-option label="指定用户" value="1"></el-option>
                            <el-option label="全体用户" value="2"></el-option>
                          </el-select> -->
                        </el-form-item>
                      </el-form>

                    </div>


                  </van-col>

                </van-row>
                <div>
                  <el-form>
                    <el-form-item label="内容" style="padding-left: 25px">
                      <el-input
                          v-model="form.content"
                          :rows="10"
                          type="textarea"
                          placeholder="Please input"
                      />
                    </el-form-item>
                  </el-form>
                  <el-button type="text" @click="exit" style="margin-left: 1000px" class="exit">关闭</el-button>
                  <el-button type="text" @click="add" style="margin-left: 1050px;" >确定</el-button>
                </div>
                

        </van-row>

  </div>
</template>

<script>
export default {

 

}
</script>

<style>

</style>